﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="UnwiseSource.index" %>
<asp:Content ID="IndexContent" ContentPlaceHolderID="main_body" runat="server">
    <link href="Styles/index-style.css" rel="stylesheet" />
    <div id="holder">
        <div id="navigation-rectangles-holder" class="content-holder">
            <div id="about-us-rectangle" class="navigation-rectangle">
                <a href="#">
                    <h1 id="h1-about-us"></h1>
                    <ul>
                        <li id="li-about-us"></li>
                        <li id="li-about-this-site"></li>
                        <li id="li-some-ideas"></li>
                    </ul>
                </a>
            </div>
            <div id="programming-rectangle" class="navigation-rectangle">
                <a href="#">
                    <h1 id="h1-programming">Programming</h1>
                    <ul>
                        <li id="li-projects">Projects</li>
                        <li id="li-vs-tips">VS Tips</li>
                        <li id="li-learning-materials">Learning Materials</li>
                        <li id="li-it-articles">IT Articles</li>
                    </ul>
                </a>
            </div>
            <div id="games-rectangle" class="navigation-rectangle">
                <a href="#">
                    <h1 id="h1-games">Games</h1>
                    <ul>
                        <li id="li-learning-games">Learning Games</li>
                        <li id="li-html5-games">HTML5 Games</li>
                        <li id="li-bounce-game">Bounce game</li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
    <script>
        function initialize() {
            languageController.load("loadIndex");

            //QuoteControl.makeQuotes("#quotes-holder");

            $("#about-us-rectangle").click(function () {
                window.location.href = "aboutUs.aspx";
            });

            $("#programming-rectangle").click(function () {
                window.location.href = "courses.aspx";
            });

            $("#games-rectangle").click(function () {
                window.location.href = "games.aspx";
            });

            setTimeout(function () {
                $("#about-us-rectangle").fadeIn(600, function () {
                    $("#programming-rectangle").slideDown(600, function () {
                        $("#games-rectangle").fadeToggle(600);
                    });
                });
            }, 800);
        }
    </script>
</asp:Content>
